<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // console.log(1);
        // ajax代码
        // console.log(2);
        // console.log(3);

        // 通过 XMLHttpRequest 构造函数 创建ajax对象。
        var xhr = new XMLHttpRequest();

        // 以兼容的方式构建 XMLHttpRequest 对象
        function createXHR() {
            // 现在基本不需要写兼容代码
            var xhr = null;
            if (window.XMLHttpRequest) {
                // 火狐、Safari、IE7+ 、Chrome ....
                xhr = new XMLHttpRequest();
            } else if (window.ActiveXObject) {
                // IE6 或者 更低的版本
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            } else {
                alert("您的浏览器不支持ajax");
            }
            return xhr;
        }
        console.log(xhr);

        var param = "name=tom&age=20";
        xhr.open("post", "http://localhost/wbs20052/ajax/day01/header.php?", true);
        // 一般 post 请求必须设置
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

        xhr.send(param);

        console.log("xhr-open");

    </script>
</head>

<body>
<form action="" enctype="application/x-www-form-urlencoded"></form>
</body>

</html>